/* 底部居中 */
.pure-indicator-bottom-center {}

/* 底部居左 */
.pure-indicator-bottom-left {
    /* Dot */
    --pure-indicator-dot-left: 10px;
    --pure-indicator-dot-transform: translate(0, 0);

    /* Bar */
    --pure-indicator-bar-left: 10px;
    --pure-indicator-bar-transform: translate(0, 0);

    /* Line */
    --pure-indicator-line-left: 10px;
    --pure-indicator-line-transform: translate(0, 0);

    /* Number */
    --pure-indicator-number-left: 10px;
    --pure-indicator-number-transform: translate(0, 0);

    /* Index */
    --pure-indicator-index-left: 10px;
    --pure-indicator-index-transform: translate(0, 0);

    /* Progress */
    --pure-indicator-progress-left: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
}


/* 底部居右 */
.pure-indicator-bottom-right {
    /* Dot */
    --pure-indicator-dot-left: auto;
    --pure-indicator-dot-right: 10px;
    --pure-indicator-dot-transform: translate(0, 0);

    /* Bar */
    --pure-indicator-bar-left: auto;
    --pure-indicator-bar-right: 10px;
    --pure-indicator-bar-transform: translate(0, 0);

    /* Line */
    --pure-indicator-line-left: auto;
    --pure-indicator-line-right: 10px;
    --pure-indicator-line-transform: translate(0, 0);

    /* Number */
    --pure-indicator-number-left: auto;
    --pure-indicator-number-right: 10px;
    --pure-indicator-number-transform: translate(0, 0);

    /* Index */
    --pure-indicator-index-left: auto;
    --pure-indicator-index-right: 10px;
    --pure-indicator-index-transform: translate(0, 0);

    /* Progress */
    --pure-indicator-progress-left: auto;
    --pure-indicator-progress-right: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
}

/* 顶部居中 */
.pure-indicator-top-center {
    /* Dot */
    --pure-indicator-dot-top: 10px;
    --pure-indicator-dot-bottom: auto;

    /* Bar */
    --pure-indicator-bar-top: 10px;
    --pure-indicator-bar-bottom: auto;

    /* Line */
    --pure-indicator-line-top: 10px;
    --pure-indicator-line-bottom: auto;

    /* Number */
    --pure-indicator-number-top: 10px;
    --pure-indicator-number-bottom: auto;

    /* Index */
    --pure-indicator-index-top: 10px;
    --pure-indicator-index-bottom: auto;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: auto;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: auto;

    /* Progress */
    --pure-indicator-progress-top: 10px;
    --pure-indicator-progress-bottom: auto;
}

/* 顶部居左 */
.pure-indicator-top-left {
    /* Dot */
    --pure-indicator-dot-top: 10px;
    --pure-indicator-dot-bottom: auto;
    --pure-indicator-dot-left: 10px;
    --pure-indicator-dot-transform: translate(0, 0);

    /* Bar */
    --pure-indicator-bar-top: 10px;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: 10px;
    --pure-indicator-bar-transform: translate(0, 0);

    /* Line */
    --pure-indicator-line-top: 10px;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: 10px;
    --pure-indicator-line-transform: translate(0, 0);

    /* Number */
    --pure-indicator-number-top: 10px;
    --pure-indicator-number-bottom: auto;
    --pure-indicator-number-left: 10px;
    --pure-indicator-number-transform: translate(0, 0);

    /* Index */
    --pure-indicator-index-top: 10px;
    --pure-indicator-index-bottom: auto;
    --pure-indicator-index-left: 10px;
    --pure-indicator-index-transform: translate(0, 0);

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: auto;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: auto;

    /* Progress */
    --pure-indicator-progress-top: 10px;
    --pure-indicator-progress-bottom: auto;
    --pure-indicator-progress-left: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
}

/* 顶部居右 */
.pure-indicator-top-right {
    /* Dot */
    --pure-indicator-dot-top: 10px;
    --pure-indicator-dot-bottom: auto;
    --pure-indicator-dot-left: auto;
    --pure-indicator-dot-right: 10px;
    --pure-indicator-dot-transform: translate(0, 0);

    /* Bar */
    --pure-indicator-bar-top: 10px;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: auto;
    --pure-indicator-bar-right: 10px;
    --pure-indicator-bar-transform: translate(0, 0);

    /* Line */
    --pure-indicator-line-top: 10px;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: auto;
    --pure-indicator-line-right: 10px;
    --pure-indicator-line-transform: translate(0, 0);

    /* Number */
    --pure-indicator-number-top: 10px;
    --pure-indicator-number-bottom: auto;
    --pure-indicator-number-left: auto;
    --pure-indicator-number-right: 10px;
    --pure-indicator-number-transform: translate(0, 0);

    /* Index */
    --pure-indicator-index-top: 10px;
    --pure-indicator-index-bottom: auto;
    --pure-indicator-index-left: auto;
    --pure-indicator-index-right: 10px;
    --pure-indicator-index-transform: translate(0, 0);

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: auto;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: auto;

    /* Progress */
    --pure-indicator-progress-top: 10px;
    --pure-indicator-progress-bottom: auto;
    --pure-indicator-progress-left: auto;
    --pure-indicator-progress-right: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
}

/* 左侧居中 */
.pure-indicator-left-center {
    /* Dot */
    --pure-indicator-dot-top: 50%;
    --pure-indicator-dot-bottom: auto;
    --pure-indicator-dot-left: 10px;
    --pure-indicator-dot-transform: translate(0, -50%);
    --pure-indicator-dot-direction: column;

    /* Bar */
    --pure-indicator-bar-top: 50%;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: 10px;
    --pure-indicator-bar-transform: translate(0, -50%);
    --pure-indicator-bar-flex-direction: column;
    --pure-indicator-bar-item-width: 4px;
    --pure-indicator-bar-item-height: 8px;
    --pure-indicator-bar-item-active-width: 4px;
    --pure-indicator-bar-item-active-height: 12px;

    /* Line */
    --pure-indicator-line-top: 50%;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: 10px;
    --pure-indicator-line-transform: translate(0, -50%);
    --pure-indicator-line-flex-direction: column;
    --pure-indicator-line-width: 4px;
    --pure-indicator-line-height: 60px;

    /* Number */
    --pure-indicator-number-top: 50%;
    --pure-indicator-number-bottom: auto;
    --pure-indicator-number-left: 10px;
    --pure-indicator-number-transform: translate(0, -50%);
    --pure-indicator-number-direction: column;

    /* Index */
    --pure-indicator-index-top: 50%;
    --pure-indicator-index-bottom: auto;
    --pure-indicator-index-left: 10px;
    --pure-indicator-index-transform: translate(0, -50%);
    --pure-indicator-index-direction: column;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: 0;
    --pure-indicator-title-left: 0;
    --pure-indicator-title-right: auto;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: 0;
    --pure-indicator-title-item-left: 0;
    --pure-indicator-title-item-right: auto;
    --pure-indicator-title-writing-mode: vertical-lr;
    --pure-indicator-title-item-width: auto;
    --pure-indicator-title-item-height: 100%;
    --pure-indicator-title-padding: 15px 10px;
    --pure-indicator-title-line-height: inherit;

    /* Progress */
    --pure-indicator-progress-top: 50%;
    --pure-indicator-progress-bottom: auto;
    --pure-indicator-progress-left: 10px;
    --pure-indicator-progress-transform: translate(0, -50%);
    --pure-indicator-progress-flex-direction: column;
    --pure-indicator-progress-width: 4px;
    --pure-indicator-progress-height: 60px;
}

/* 左侧居上 */
.pure-indicator-left-top {
    /* Dot */
    --pure-indicator-dot-top: 10px;
    --pure-indicator-dot-bottom: auto;
    --pure-indicator-dot-left: 10px;
    --pure-indicator-dot-transform: translate(0, 0);
    --pure-indicator-dot-direction: column;

    /* Bar */
    --pure-indicator-bar-top: 10px;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: 10px;
    --pure-indicator-bar-transform: translate(0, 0);
    --pure-indicator-bar-flex-direction: column;
    --pure-indicator-bar-item-width: 4px;
    --pure-indicator-bar-item-height: 8px;
    --pure-indicator-bar-item-active-width: 4px;
    --pure-indicator-bar-item-active-height: 12px;

    /* Line */
    --pure-indicator-line-top: 10px;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: 10px;
    --pure-indicator-line-transform: translate(0, 0);
    --pure-indicator-line-flex-direction: column;
    --pure-indicator-line-width: 4px;
    --pure-indicator-line-height: 60px;

    /* Number */
    --pure-indicator-number-top: 10px;
    --pure-indicator-number-bottom: auto;
    --pure-indicator-number-left: 10px;
    --pure-indicator-number-transform: translate(0, 0);
    --pure-indicator-number-direction: column;

    /* Index */
    --pure-indicator-index-top: 10px;
    --pure-indicator-index-bottom: auto;
    --pure-indicator-index-left: 10px;
    --pure-indicator-index-transform: translate(0, 0);
    --pure-indicator-index-direction: column;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: 0;
    --pure-indicator-title-left: 0;
    --pure-indicator-title-right: auto;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: 0;
    --pure-indicator-title-item-left: 0;
    --pure-indicator-title-item-right: auto;
    --pure-indicator-title-writing-mode: vertical-lr;
    --pure-indicator-title-item-width: auto;
    --pure-indicator-title-item-height: 100%;
    --pure-indicator-title-padding: 15px 10px;
    --pure-indicator-title-line-height: inherit;

    /* Progress */
    --pure-indicator-progress-top: 10px;
    --pure-indicator-progress-bottom: auto;
    --pure-indicator-progress-left: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
    --pure-indicator-progress-flex-direction: column;
    --pure-indicator-progress-width: 4px;
    --pure-indicator-progress-height: 60px;
}

/* 左侧居下 */
.pure-indicator-left-bottom {
    /* Dot */
    --pure-indicator-dot-left: 10px;
    --pure-indicator-dot-transform: translate(0, 0);
    --pure-indicator-dot-direction: column;

    /* Bar */
    --pure-indicator-bar-left: 10px;
    --pure-indicator-bar-transform: translate(0, 0);
    --pure-indicator-bar-flex-direction: column;
    --pure-indicator-bar-item-width: 4px;
    --pure-indicator-bar-item-height: 8px;
    --pure-indicator-bar-item-active-width: 4px;
    --pure-indicator-bar-item-active-height: 12px;

    /* Line */
    --pure-indicator-line-left: 10px;
    --pure-indicator-line-transform: translate(0, 0);
    --pure-indicator-line-flex-direction: column;
    --pure-indicator-line-width: 4px;
    --pure-indicator-line-height: 60px;

    /* Number */
    --pure-indicator-number-left: 10px;
    --pure-indicator-number-transform: translate(0, 0);
    --pure-indicator-number-direction: column;

    /* Index */
    --pure-indicator-index-left: 10px;
    --pure-indicator-index-transform: translate(0, 0);
    --pure-indicator-index-direction: column;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: 0;
    --pure-indicator-title-left: 0;
    --pure-indicator-title-right: auto;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: 0;
    --pure-indicator-title-item-left: 0;
    --pure-indicator-title-item-right: auto;
    --pure-indicator-title-writing-mode: vertical-lr;
    --pure-indicator-title-item-width: auto;
    --pure-indicator-title-item-height: 100%;
    --pure-indicator-title-padding: 15px 10px;
    --pure-indicator-title-line-height: inherit;

    /* Progress */
    --pure-indicator-progress-left: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
    --pure-indicator-progress-flex-direction: column;
    --pure-indicator-progress-width: 4px;
    --pure-indicator-progress-height: 60px;
}

/* 右侧居中 */
.pure-indicator-right-center {
    /* Dot */
    --pure-indicator-dot-top: 50%;
    --pure-indicator-dot-bottom: auto;
    --pure-indicator-dot-left: auto;
    --pure-indicator-dot-right: 10px;
    --pure-indicator-dot-transform: translate(0, -50%);
    --pure-indicator-dot-direction: column;

    /* Bar */
    --pure-indicator-bar-top: 50%;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: auto;
    --pure-indicator-bar-right: 10px;
    --pure-indicator-bar-transform: translate(0, -50%);
    --pure-indicator-bar-flex-direction: column;
    --pure-indicator-bar-item-width: 4px;
    --pure-indicator-bar-item-height: 8px;
    --pure-indicator-bar-item-active-width: 4px;
    --pure-indicator-bar-item-active-height: 12px;

    /* Line */
    --pure-indicator-line-top: 50%;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: auto;
    --pure-indicator-line-right: 10px;
    --pure-indicator-line-transform: translate(0, -50%);
    --pure-indicator-line-flex-direction: column;
    --pure-indicator-line-width: 4px;
    --pure-indicator-line-height: 60px;

    /* Number */
    --pure-indicator-number-top: 50%;
    --pure-indicator-number-bottom: auto;
    --pure-indicator-number-left: auto;
    --pure-indicator-number-right: 10px;
    --pure-indicator-number-transform: translate(0, -50%);
    --pure-indicator-number-direction: column;

    /* Index */
    --pure-indicator-index-top: 50%;
    --pure-indicator-index-bottom: auto;
    --pure-indicator-index-left: auto;
    --pure-indicator-index-right: 10px;
    --pure-indicator-index-transform: translate(0, -50%);
    --pure-indicator-index-direction: column;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: 0;
    --pure-indicator-title-left: auto;
    --pure-indicator-title-right: 0;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: 0;
    --pure-indicator-title-item-left: auto;
    --pure-indicator-title-item-right: 0;
    --pure-indicator-title-writing-mode: vertical-lr;
    --pure-indicator-title-item-width: auto;
    --pure-indicator-title-item-height: 100%;
    --pure-indicator-title-padding: 15px 10px;
    --pure-indicator-title-line-height: inherit;

    /* Progress */
    --pure-indicator-progress-top: 50%;
    --pure-indicator-progress-bottom: auto;
    --pure-indicator-progress-left: auto;
    --pure-indicator-progress-right: 10px;
    --pure-indicator-progress-transform: translate(0, -50%);
    --pure-indicator-progress-flex-direction: column;
    --pure-indicator-progress-width: 4px;
    --pure-indicator-progress-height: 60px;
}

/* 右侧居左 */
.pure-indicator-right-top {
    /* Dot */
    --pure-indicator-dot-top: 10px;
    --pure-indicator-dot-bottom: auto;
    --pure-indicator-dot-left: auto;
    --pure-indicator-dot-right: 10px;
    --pure-indicator-dot-transform: translate(0, 0);
    --pure-indicator-dot-direction: column;

    /* Bar */
    --pure-indicator-bar-top: 10px;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: auto;
    --pure-indicator-bar-right: 10px;
    --pure-indicator-bar-transform: translate(0, 0);
    --pure-indicator-bar-flex-direction: column;
    --pure-indicator-bar-item-width: 4px;
    --pure-indicator-bar-item-height: 8px;
    --pure-indicator-bar-item-active-width: 4px;
    --pure-indicator-bar-item-active-height: 12px;

    /* Line */
    --pure-indicator-line-top: 10px;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: auto;
    --pure-indicator-line-right: 10px;
    --pure-indicator-line-transform: translate(0, 0);
    --pure-indicator-line-flex-direction: column;
    --pure-indicator-line-width: 4px;
    --pure-indicator-line-height: 60px;

    /* Number */
    --pure-indicator-number-top: 10px;
    --pure-indicator-number-bottom: auto;
    --pure-indicator-number-left: auto;
    --pure-indicator-number-right: 10px;
    --pure-indicator-number-transform: translate(0, 0);
    --pure-indicator-number-direction: column;

    /* Index */
    --pure-indicator-index-top: 10px;
    --pure-indicator-index-bottom: auto;
    --pure-indicator-index-left: auto;
    --pure-indicator-index-right: 10px;
    --pure-indicator-index-transform: translate(0, 0);
    --pure-indicator-index-direction: column;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: 0;
    --pure-indicator-title-left: auto;
    --pure-indicator-title-right: 0;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: 0;
    --pure-indicator-title-item-left: auto;
    --pure-indicator-title-item-right: 0;
    --pure-indicator-title-writing-mode: vertical-lr;
    --pure-indicator-title-item-width: auto;
    --pure-indicator-title-item-height: 100%;
    --pure-indicator-title-padding: 15px 10px;
    --pure-indicator-title-line-height: inherit;

    /* Progress */
    --pure-indicator-progress-top: 10px;
    --pure-indicator-progress-bottom: auto;
    --pure-indicator-progress-left: auto;
    --pure-indicator-progress-right: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
    --pure-indicator-progress-flex-direction: column;
    --pure-indicator-progress-width: 4px;
    --pure-indicator-progress-height: 60px;
}

/* 右侧居下 */
.pure-indicator-right-bottom {
    /* Dot */
    --pure-indicator-dot-left: auto;
    --pure-indicator-dot-right: 10px;
    --pure-indicator-dot-transform: translate(0, 0);
    --pure-indicator-dot-direction: column;

    /* Bar */
    --pure-indicator-bar-left: auto;
    --pure-indicator-bar-right: 10px;
    --pure-indicator-bar-transform: translate(0, 0);
    --pure-indicator-bar-flex-direction: column;
    --pure-indicator-bar-item-width: 4px;
    --pure-indicator-bar-item-height: 8px;
    --pure-indicator-bar-item-active-width: 4px;
    --pure-indicator-bar-item-active-height: 12px;

    /* Line */
    --pure-indicator-line-left: auto;
    --pure-indicator-line-right: 10px;
    --pure-indicator-line-transform: translate(0, 0);
    --pure-indicator-line-flex-direction: column;
    --pure-indicator-line-width: 4px;
    --pure-indicator-line-height: 60px;

    /* Number */
    --pure-indicator-number-left: auto;
    --pure-indicator-number-right: 10px;
    --pure-indicator-number-transform: translate(0, 0);
    --pure-indicator-number-direction: column;

    /* Index */
    --pure-indicator-index-left: auto;
    --pure-indicator-index-right: 10px;
    --pure-indicator-index-transform: translate(0, 0);
    --pure-indicator-index-direction: column;

    /* Title */
    --pure-indicator-title-top: 0;
    --pure-indicator-title-bottom: 0;
    --pure-indicator-title-left: auto;
    --pure-indicator-title-right: 0;
    --pure-indicator-title-item-top: 0;
    --pure-indicator-title-item-bottom: 0;
    --pure-indicator-title-item-left: auto;
    --pure-indicator-title-item-right: 0;
    --pure-indicator-title-writing-mode: vertical-lr;
    --pure-indicator-title-item-width: auto;
    --pure-indicator-title-item-height: 100%;
    --pure-indicator-title-padding: 15px 10px;
    --pure-indicator-title-line-height: inherit;

    /* Progress */
    --pure-indicator-progress-left: auto;
    --pure-indicator-progress-right: 10px;
    --pure-indicator-progress-transform: translate(0, 0);
    --pure-indicator-progress-flex-direction: column;
    --pure-indicator-progress-width: 4px;
    --pure-indicator-progress-height: 60px;
}

/* 静态布局 */
.pure-indicator-static {
    /* Dot */
    --pure-indicator-dot-position: re;
    --pure-indicator-dot-margin: 15px auto;
    --pure-indicator-dot-transform: translate(0, 0);

    /* Bar */
    --pure-indicator-bar-position: relative;
    --pure-indicator-bar-margin: 15px auto;
    --pure-indicator-bar-transform: translate(0, 0);
    --pure-indicator-bar-top: auto;
    --pure-indicator-bar-bottom: auto;
    --pure-indicator-bar-left: auto;
    --pure-indicator-bar-right: auto;

    /* Line */
    --pure-indicator-line-position: relative;
    --pure-indicator-line-margin: 15px auto;
    --pure-indicator-line-transform: translate(0, 0);
    --pure-indicator-line-top: auto;
    --pure-indicator-line-bottom: auto;
    --pure-indicator-line-left: auto;
    --pure-indicator-line-right: auto;

    /* Number */
    --pure-indicator-number-position: static;
    --pure-indicator-number-margin: 15px auto;
    --pure-indicator-number-transform: translate(0, 0);
    --pure-indicator-number-display: inline-flex;

    /* Index */
    --pure-indicator-index-position: static;
    --pure-indicator-index-margin: 15px auto;
    --pure-indicator-index-transform: translate(0, 0);

    /* Title */
    --pure-indicator-title-position: static;
    --pure-indicator-title-margin: 0 auto;
    --pure-indicator-title-transform: translate(0, 0);
    --pure-indicator-title-width: 100%;
    --pure-indicator-title-item-active-position: static;

    /* Line */
    --pure-indicator-line-position: static;
    --pure-indicator-line-margin: 15px auto;
    --pure-indicator-line-transform: translate(0, 0);
}

/* Line 模式纵向时需特殊处理一下 */
.pure-indicator-left-center .pure-indicator-line-bar,
.pure-indicator-left-top .pure-indicator-line-bar,
.pure-indicator-left-bottom .pure-indicator-line-bar,
.pure-indicator-right-top .pure-indicator-line-bar,
.pure-indicator-right-center .pure-indicator-line-bar,
.pure-indicator-right-bottom .pure-indicator-line-bar,
.pure-indicator-left-center.pure-indicator-line-bar,
.pure-indicator-left-top.pure-indicator-line-bar,
.pure-indicator-left-bottom.pure-indicator-line-bar,
.pure-indicator-right-top.pure-indicator-line-bar,
.pure-indicator-right-center.pure-indicator-line-bar,
.pure-indicator-right-bottom.pure-indicator-line-bar {
    --pure-indicator-line-bar-width: 100%;
    --pure-indicator-line-bar-height: var(--pure-indicator-line-bar-size);
    --pure-indicator-line-bar-top: var(--pure-indicator-line-bar-position);
    --pure-indicator-line-bar-left: 0;
}

/* Progress 模式纵向时需特殊处理一下 */
.pure-indicator-left-center .pure-indicator-progress-bar,
.pure-indicator-left-top .pure-indicator-progress-bar,
.pure-indicator-left-bottom .pure-indicator-progress-bar,
.pure-indicator-right-top .pure-indicator-progress-bar,
.pure-indicator-right-center .pure-indicator-progress-bar,
.pure-indicator-right-bottom .pure-indicator-progress-bar,
.pure-indicator-left-center.pure-indicator-progress-bar,
.pure-indicator-left-top.pure-indicator-progress-bar,
.pure-indicator-left-bottom.pure-indicator-progress-bar,
.pure-indicator-right-top.pure-indicator-progress-bar,
.pure-indicator-right-center.pure-indicator-progress-bar,
.pure-indicator-right-bottom.pure-indicator-progress-bar {
    --pure-indicator-progress-bar-width: 100%;
    --pure-indicator-progress-bar-height: var(--pure-indicator-progress-bar-value);
}


/* Progress */
.pure-indicator-progress-left-to-right {
    --pure-indicator-progress-justify-content: flex-start;
}

.pure-indicator-progress-right-to-left {
    --pure-indicator-progress-justify-content: flex-end;
}

.pure-indicator-progress-top-to-bottom {
    --pure-indicator-progress-justify-content: flex-start;
}

.pure-indicator-progress-bottom-to-top {
    --pure-indicator-progress-justify-content: flex-end;
}
